<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>火锅鸡网</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name='viewport' content="width=device-width,initial-scale=1.0,user-scalable=no,
	      maximum-scale=1.0,
	      minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.css">
</head>
<body>
<!--header-->
<div class="index_header">
    <div class="logo">
        <img src="images/m.logo.png" alt="">
    </div>
</div>
<!--banenr-->
<div class="banner">
    <div class="title">火锅鸡,源自沧州走向世界</div>
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="store_content.html" class="banner_box">
                    <img src="images/banner_img.jpg" alt="">
                    <strong>源自沧州走向世界</strong>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="store_content.html" class="banner_box">
                    <img src="images/stor_img.jpg" alt="">
                    <strong>源自沧州走向世界</strong>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="store_content.html" class="banner_box">
                    <img src="images/diqv_img1.jpg" alt="">
                    <strong>源自沧州走向世界</strong>
                </a>
            </div>
        </div>
    </div>

</div>
<!--地区  模块一 -->
<div class="region">
    <div class="container">
        <h2>地区列表</h2>
        <div class="region_list">
            <ul class="row_1 clearfix">
                <li><a href="">沧州市</a></li>
                <li><a class="red" href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a class="red" href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a class="red" href="">沧州市</a></li>
                <li><a href="">沧州市</a></li>
                <li><a href="">全部分类</a></li>
            </ul>
        </div>
    </div>
</div>
<!--知名品牌 模块二-->
<div class="Famous_brand">
    <h2>知名品牌</h2>
<!-- 模块二   -->
    <div class="tab_bar">
        <ul class="tab_nav mbd3rem">
            <li class="li_list box_active">最新菜谱</li>
            <li class="li_list">最新做法</li>
        </ul>
        <div class="box">
            <div class="container box_list clearfix">
                <a class="mr4" href="brand_content.html">
                    <img src="images/diqv_img1.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区御河新城店</p>
                </a>
                <a href="brand_content.html">
                    <img src="images/diqv_img1.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区御河新城店</p>
                </a>
                <a class="mr4" href="brand_content.html">
                    <img src="images/diqv_img1.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区御河新城店</p>
                </a>
                <a href="brand_content.html">
                    <img src="images/diqv_img1.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区御河新城店</p>
                </a>
                <a class="mr4" href="brand_content.html">
                    <img src="images/diqv_img1.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区御河新城店</p>
                </a>
                <a href="brand_content.html">
                    <img src="images/diqv_img1.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区御河新城店</p>
                </a>
            </div>
            <div class="container box_list clearfix hide">
                <a class="mr4" href="brand_content.html">
                    <img src="images/diqv_img.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区锦绣天地店</p>
                </a>
                <a href="brand_content.html">
                    <img src="images/diqv_img.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区锦绣天地店</p>
                </a>
                <a class="mr4" href="brand_content.html">
                    <img src="images/diqv_img.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区锦绣天地店</p>
                </a>
                <a href="brand_content.html">
                    <img src="images/diqv_img.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区锦绣天地店</p>
                </a>
                <a class="mr4" href="brand_content.html">
                    <img src="images/diqv_img.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区锦绣天地店</p>
                </a>
                <a href="brand_content.html">
                    <img src="images/diqv_img.jpg" alt="">
                    <p>品牌: 隐酌火锅鸡</p>
                    <p>地址: 沧州市运河区锦绣天地店</p>
                </a>
            </div>
        </div>
    </div>
</div>
<!--模块三 新闻 -->
<div class="news">
    <h2>最新资讯</h2>
    <div class="container">
        <a href="news_content.html" class="clearfix bolck news_list">
            <img src="images/diqv_img1.jpg" alt="">
            <strong>火锅鸡是什么？</strong>
            <p class="text_hide">火锅鸡，一个每个家庭都能做出味道的有沧州人感情在里面的食物。隐酌却决定用更高的品质要求和标准化的餐饮管理体系，让更多的人都能品尝到来自沧州的味道。不同于热闹的火锅一条街，你看到的隐酌火锅鸡可能不太寻常：一、鸡肉是金黄色的，因为是纯净的新油炒制的；二、辣味不是十分刺激，因为没有辣精，是真正的辣椒味道；三、不会越吃越咸，因为全靠郫县豆瓣酱提味，没有一勺盐......</p>
            <p>关键词：火锅鸡</p>
        </a>
    </div>
    <div class="bor_button"></div>
    <div class="container">
        <a href="news_content.html" class="clearfix bolck news_list">
            <img src="images/diqv_img1.jpg" alt="">
            <strong>火锅鸡是什么？</strong>
            <p class="text_hide">火锅鸡，一个每个家庭都能做出味道的有沧州人感情在里面的食物。隐酌却决定用更高的品质要求和标准化的餐饮管理体系，让更多的人都能品尝到来自沧州的味道。不同于热闹的火锅一条街，你看到的隐酌火锅鸡可能不太寻常：一、鸡肉是金黄色的，因为是纯净的新油炒制的；二、辣味不是十分刺激，因为没有辣精，是真正的辣椒味道；三、不会越吃越咸，因为全靠郫县豆瓣酱提味，没有一勺盐......</p>
            <p>关键词：火锅鸡</p>
        </a>
    </div>
    <div class="bor_button"></div>
    <div class="container">
        <a href="news_content.html" class="clearfix bolck news_list">
            <img src="images/diqv_img1.jpg" alt="">
            <strong>火锅鸡是什么？</strong>
            <p class="text_hide">火锅鸡，一个每个家庭都能做出味道的有沧州人感情在里面的食物。隐酌却决定用更高的品质要求和标准化的餐饮管理体系，让更多的人都能品尝到来自沧州的味道。不同于热闹的火锅一条街，你看到的隐酌火锅鸡可能不太寻常：一、鸡肉是金黄色的，因为是纯净的新油炒制的；二、辣味不是十分刺激，因为没有辣精，是真正的辣椒味道；三、不会越吃越咸，因为全靠郫县豆瓣酱提味，没有一勺盐......</p>
            <p>关键词：火锅鸡</p>
        </a>
    </div>
    <div class="bor_button"></div>
    <div class="container">
        <a href="news.html" class="inline-block btn-more">更多资讯  &gt;</a>
    </div>
</div>
<!-- 模块四 加盟 -->
<div class="jiamen">
    <h2>品牌加盟</h2>
    <div class="container">
        <strong class="mb1rem">火锅鸡是什么？</strong>
        <a href="news_content.html" class="clearfix bolck news_list">
            <img src="images/diqv_img1.jpg" alt="">
            <p class="text_hide">火锅鸡，一个每个家庭都能做出味道的有沧州人感情在里面的食物。隐酌却决定用更高的品质要求和标准化的餐饮管理体系，让更多的人都能品尝到来自沧州的味道。不同于热闹的火锅一条街，你看到的隐酌火锅鸡可能不太寻常：一、鸡肉是金黄色的，因为是纯净的新油炒制的；二、辣味不是十分刺激，因为没有辣精，是真正的辣椒味道；三、不会越吃越咸，因为全靠郫县豆瓣酱提味，没有一勺盐......</p>
            <p class="time">2018-03-06</p>
        </a>
    </div>
    <div class="bor_button"></div>
    <div class="container">
        <strong class="mb1rem">火锅鸡是什么？</strong>
        <a href="news_content.html" class="clearfix bolck news_list">
            <img src="images/diqv_img1.jpg" alt="">
            <p class="text_hide">火锅鸡，一个每个家庭都能做出味道的有沧州人感情在里面的食物。隐酌却决定用更高的品质要求和标准化的餐饮管理体系，让更多的人都能品尝到来自沧州的味道。不同于热闹的火锅一条街，你看到的隐酌火锅鸡可能不太寻常：一、鸡肉是金黄色的，因为是纯净的新油炒制的；二、辣味不是十分刺激，因为没有辣精，是真正的辣椒味道；三、不会越吃越咸，因为全靠郫县豆瓣酱提味，没有一勺盐......</p>
            <p class="time">2018-03-06</p>
        </a>
    </div>
    <div class="bor_button"></div>
    <div class="container">
        <strong class="mb1rem">火锅鸡是什么？</strong>
        <a href="news_content.html" class="clearfix bolck news_list">
            <img src="images/diqv_img1.jpg" alt="">
            <p class="text_hide">火锅鸡，一个每个家庭都能做出味道的有沧州人感情在里面的食物。隐酌却决定用更高的品质要求和标准化的餐饮管理体系，让更多的人都能品尝到来自沧州的味道。不同于热闹的火锅一条街，你看到的隐酌火锅鸡可能不太寻常：一、鸡肉是金黄色的，因为是纯净的新油炒制的；二、辣味不是十分刺激，因为没有辣精，是真正的辣椒味道；三、不会越吃越咸，因为全靠郫县豆瓣酱提味，没有一勺盐......</p>
            <p class="time">2018-03-06</p>
        </a>
    </div>
    <div class="bor_button"></div>
    <a href="brand.html" class="inline-block btn-more">全部加盟  &gt;</a>
</div>
<!-- 底部广告 -->
<a class="inline-block footer_banner">
    <img src="images/pr_banner.jpg" alt="">
</a>
<!--footer 底部-->
<div class="footer">
    <div class="container">
        <a class="inline-block ft_logo">火锅鸡网</a>
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="news.html">新闻资讯</a></li>
            <li><a href="store.html">门店列表</a></li>
            <li><a href="brand.html">品牌列表</a></li>
        </ul>
        <div class="copy">Copyright www.huoguoji.net</div>
    </div>
</div>
<!--    JavaScript      -->
<script src="js/fontSizeSet.js"></script>
<script src="js/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        effect: 'coverflow',
        grabCursor: true,
        centeredSlides: true,
        slidesPerView: 'auto',
        loop : true,
        loopedSlides :8,
        coverflowEffect: {
            rotate: 50,
            stretch: 0,
            depth: 100,
            modifier: 1,
            slideShadows : true,

        },
        pagination: {
            el: '.swiper-pagination',
        },
    });

</script>
</body>
</html>